/* ::::: http://www.fenfentuan.com/static/css/index.css ::::: */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
fieldset, img { border: 0pt none; }
li { list-style: none outside none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select {  }
.cf {  }
.cf:after { content: ""; display: block; clear: both; height: 0pt; overflow: hidden; visibility: hidden; }
body { font: 14px/1.5 Tahoma,Helvetica,arial,sans-serif; }
a { color: rgb(51, 153, 153); text-decoration: none; }
a:hover { text-decoration: underline; }
.f-input, input.date, input.number { font-size: 14px; padding: 3px 4px; border: 1px solid rgb(137, 180, 214); }
input.formbutton { padding: 4px 1em; border-width: 2px; border-style: solid; border-color: rgb(130, 208, 212) rgb(77, 152, 155) rgb(84, 163, 167) rgb(146, 214, 217); background: none repeat scroll 0% 0% rgb(99, 197, 200); color: rgb(255, 255, 255); letter-spacing: 0.1em; cursor: pointer; }
body { background-color: rgb(160, 225, 218); margin-top: 10px; }
body.newbie { background-position: 50% 326px; }
#hdw { height: 135px; width: 964px; padding-left: 8px; margin: 0pt auto; }
#bdw { min-height: 500px; }
#ftw { height: 245px; width: 940px; margin: 8px auto 0pt; background: none repeat scroll 0% 0% rgb(138, 208, 200); }
#hd { position: relative; z-index: 2; width: 958px; height: 93px; margin: 0pt auto; background: url('../img/member/head-bg.jpg') no-repeat scroll 0% 0% rgb(255, 255, 255); }
#hd .head_nav { position: absolute; top: 93px; left: 0pt; width: 958px; height: 35px; background: url('../img/member/menu-bm.jpg') repeat-x scroll 0% 0% transparent; }
#hd .nav { width: 620px; float: left; }
#hd .head_nav .logins { float: right; width: 330px; height: 35px; line-height: 35px; }
#hd .applymail { float: right; width: 312px; height: 90px; padding-right: 78px; margin-top: 30px; }
#hd .applymail .mail_t { width: 100%; color: rgb(100, 130, 6); font-size: 13px; margin-top: 6px; }
#hd .applymail .mail_m { width: 100%; }
#hd .applymail .mail_inp { float: left; width: 210px; margin: 3px 0pt 0pt; padding-left: 3px; font-size: 12px; border-width: 1px 0pt 1px 1px; border-style: solid none solid solid; border-color: rgb(192, 214, 142) -moz-use-text-color rgb(192, 214, 142) rgb(192, 214, 142); height: 21px; line-height: 21px; color: rgb(102, 102, 102); }
#hd .applymail .mail_sub { float: left; width: 68px; height: 28px; margin: 0pt; background: url('../img/member/head-mail-bt.jpg') no-repeat scroll 0% 0% transparent; border: 0pt none; }
#hd .nav li { float: left; background-image: url('../img/member/menu-bt.jpg'); background-repeat: no-repeat; background-position: right center; }
#hd .nav li a { float: left; background-image: url('../img/member/menu-bt.jpg'); background-repeat: no-repeat; background-position: right center; }
#hd .nav li a:hover { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .logins ul { float: right; width: 100%; }
#hd .logins li { float: right; }
#hd .logins li a:hover { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .nav a { float: left; height: 35px; line-height: 35px; color: rgb(255, 255, 255); padding: 0pt 18px; font-size: 16px; font-weight: bold; }
#hd .logins a { display: block; height: 35px; line-height: 35px; color: rgb(255, 255, 255); font-size: 14px; }
#hd .logins .username { height: 42px; line-height: 35px; padding: 0pt; text-align: center; font-family: Helvetica,arial,sans-serif; color: rgb(255, 255, 255); }
#hd .nav a:hover { background-color: rgb(99, 197, 200); color: rgb(50, 136, 137); text-decoration: none; }
#hd .logins a:hover, #hd .logins a.hover { background: none repeat scroll 0% 0% rgb(99, 197, 200); color: rgb(50, 136, 137); text-decoration: none; font-weight: bold; }
#logo { padding-top: 23px; padding-left: 37px; }
#hd .guides { position: absolute; left: 354px; top: 54px; z-index: 2; }
#hd .city { float: left; width: 73px; height: 25px; line-height: 25px; background: url('../img/member/bg-guides-city.gif') no-repeat scroll 0pt 0pt transparent; }
#hd .city h2 { text-align: center; color: rgb(255, 255, 255); }
#hd .change { float: left; width: 80px; padding: 3px 8px; color: rgb(102, 102, 102); font-size: 12px; cursor: pointer; }
#hd .city-list { display: none; clear: both; float: left; width: 345px; margin-top: 5px; padding: 10px; background: none repeat scroll 0% 0% rgb(191, 221, 97); border: 1px solid rgb(255, 255, 255); }
#hd .city-list ul { float: left; padding-bottom: 5px; }
#hd .city-list li { float: left; width: 80px; margin-bottom: 5px; margin-left: 5px; }
#hd .city-list li a { display: block; padding: 2px 5px; text-align: center; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(0, 170, 141); }
#hd .city-list li a:hover { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .city-list li.current a { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .city-list li.current a:hover { color: rgb(188, 243, 153); }
#ft { width: 950px; margin: 0pt auto; }
#ft ul { color: rgb(188, 243, 153); }
#ft ul, #ft ul a, #ft .copyright { color: rgb(102, 102, 102); }
#ft li.col { margin-top: 10px; float: left; display: inline; width: 110px; height: 130px; padding: 0pt 10px 0pt 40px; border-right: 0px dashed rgb(103, 173, 165); }
#ft li.end { border: medium none; padding-left: 70px; }
#ft .footh3 { width: 940px; padding-bottom: 5px; height: 30px; line-height: 30px; border-bottom: 1px dashed rgb(103, 173, 165); color: rgb(102, 102, 102); background: url('../img/member/dibudaohang.gif') repeat scroll 0% 0% rgb(160, 225, 217); }
#ft .footh3 span { float: left; font-weight: bold; padding: 0pt; margin: 5px 48px 0pt 52px; }
#ft .sub-list { margin-top: 0pt; font-size: 12px; }
#ft .sub-list li { color: rgb(0, 112, 85); line-height: 20px; list-style: none outside none; }
#ft .sub-list li a { color: rgb(0, 112, 85); }
#ft .logo-footer { padding-top: 30px; padding-left: 20px; }
#ft .copyright p { color: rgb(111, 111, 111); padding: 3px 0pt; text-align: center; font-size: 12px; }
#bd { position: relative; z-index: 1; width: 960px; margin: 0pt auto 5px; }
#content { float: left; width: 702px; margin-left: 8px; margin-right: 16px; padding: 0pt; }
#hd li.li_img a { height: 28px; line-height: 28px; padding-top: 7px; margin: 0pt 7px; background: url('../img/member/menu-bg.jpg') repeat-x scroll 0% 0% transparent; }
#hd li.li_img a:hover { height: 28px; line-height: 28px; padding-top: 7px; margin: 0pt 7px; background: url('../img/member/menu-bg.jpg') repeat-x scroll 0% 0% transparent; }
.box-top { width: 702px; height: 3px; background: url('../img/member/box_top_bg.jpg') no-repeat scroll 0pt 0pt transparent; overflow: hidden; }
.box-content { width: 702px; background: url('../img/member/box_body_bg.jpg') repeat-y scroll 0pt 0pt transparent; border: medium none; }
.box-bottom { width: 702px; background: url('../img/member/box_bot_bg.jpg') no-repeat scroll 0% 0% transparent; }
.sbox { width: 234px; margin: 0px; }
.sbox-top { width: 230px; height: 7px; background: url('../img/member/sbox_top_bg.jpg') no-repeat scroll 1px 0pt transparent; overflow: hidden; }
.sbox-content { width: 230px; background: url('../img/member/sbox_body_bg.jpg') repeat-y scroll 0pt 0pt rgb(239, 248, 255); border: medium none; }
.sbox-bottom { width: 230px; height: 3px; background: url('../img/member/sbox_di_bg.jpg') no-repeat scroll 0% 0% transparent; overflow: hidden; }
.field input.number { float: left; width: 88px; margin: 3px 15px 0pt 0pt; }
#content .head { padding: 0pt 10px 10px; }
#content .head h2 { display: inline; padding-left: 10px; font-size: 2em; }
#content .sect { width: 678px; padding: 20px 10px 50px; border-top: 0px solid rgb(221, 238, 255); }
#content .field { clear: left; float: left; width: 650px; padding: 0pt 10px 2px; margin: 5px auto 10px; }
#content .field label { float: left; padding-right: 20px; width: 90px; height: 30px; line-height: 30px; font-size: 14px; text-align: right; color: rgb(51, 51, 51); }
#content .field .f-input { float: left; width: 320px; margin: 3px 0pt 0pt; }
#content .field .f-check { float: left; margin-top: 3px; }
#content .act { clear: left; padding: 0pt 10px; margin-left: 110px; }
#content .hint { clear: left; float: left; width: 320px; margin-left: 110px; font-size: 12px; color: rgb(152, 152, 152); }
#content .inputtip { float: left; margin-left: 10px; margin-top: 5px; font-size: 12px; color: rgb(102, 102, 102); }
#content .head { position: relative; }
#login .email .f-input { font-weight: bold; }
#login .autologin { width: 200px; margin-left: 110px; padding-bottom: 0pt; margin-top: 0pt; }
#login .autologin label { margin-top: 0pt; height: 20px; line-height: 20px; font-size: 12px; text-align: left; padding-left: 3px; }
#login .lostpassword { float: left; margin-left: 10px; margin-top: 5px; font-size: 12px; }

#signup .f-input-tip { float: left; margin-left: 10px; margin-top: 5px; font-size: 12px; color: rgb(102, 102, 102); }
#signup .email .f-input { font-weight: bold; }
#signup .username .f-input { font-weight: bold; }
#signup .city { margin-bottom: 0pt; }
#signup .f-city { float: left; margin-top: 4px; color: rgb(51, 51, 51); }
#signup .subscribe { width: 200px; margin-left: 110px; padding-bottom: 0pt; margin-top: 5px; }
#signup .subscribe label { width: 150px; margin-top: 0pt; height: 20px; line-height: 20px; font-size: 12px; text-align: left; padding-left: 3px; }
#signup .act { margin-top: 10px; }





#sidebar { float: left; width: 234px; }
#sidebar .tip { background: url('../img/member/side_bar_tit.jpg') no-repeat scroll 5px 0pt transparent; }
#sidebar h2 { font-size: 1.1em; padding-bottom: 8px; color: rgb(255, 255, 255); height: 20px; line-height: 17px; }
#sidebar .side-tip { padding: 10px 10px 10px 15px; }
#sidebar .side-tip p { margin: 5px 0pt 10px; }
#login .side-tip h2, #signup .side-tip h2 { padding-bottom: 0pt; }
#login .side-tip p, #signup .side-tip p { margin-top: 10px; }
#sidebar .sbox { margin-top: 0px; margin-bottom: 15px; }
#dialog { position: absolute; z-index: 9999; border: 4px solid rgb(204, 204, 204); display: none; }








